/*
	WET-BOEW
	@title: Accessibility Additions to WET-BOEW - Site template
 */

%accessible-invisible {
	clip-path: inset(50%);
	height: 1px;
	margin: 0;
	overflow: hidden;
	position: absolute;
	width: 1px;
}

%accessible-invisible-show {
	clip-path: none;
	height: inherit;
	margin: inherit;
	overflow: inherit;
	position: static;
	width: inherit;
}

#wb-tphp {
	list-style-type: none;
	margin-bottom: 0;
}

.wb-slc {
	left: 0;
	position: absolute;
	text-align: center;
	top: 10px;
	width: 100%;
	z-index: 3;
}

.wb-sl {
	@extend %accessible-invisible;

	padding: 5px;
	z-index: 501;

	&:focus {
		@extend %accessible-invisible-show;
	}
}

.wb-disable {
	#wb-tphp {
		background: #fff;
	}

	.wb-slc {
		position: static;

		.wb-sl {
			@extend %accessible-invisible-show;

			background: none;
			color: $link-color;
			display: block !important;
			font-weight: 400;

			&:hover,
			&:focus {
				color: $link-hover-color;
			}
		}
	}

	#wb-dtmd {
		float: none !important;
	}

	#wb-tphp + section h2 {
		margin-left: 1.3em;

		&::before {
			color: $label-alert-warning-border-icon-color;
			content: "\e107";
			display: inline-block;
			font-family: "Glyphicons Halflings";
			margin-left: -1.3em;
			position: absolute;
		}
	}
}

#wb-lng {
	h2 {
		@extend %accessible-invisible;
	}
}

#wb-glb-mn {
	h2 {
		@extend %accessible-invisible;
	}
}

#wb-srch {
	h2 {
		@extend %accessible-invisible;
	}

	label {
		@extend %accessible-invisible;
	}
}

#wb-sm {
	h2 {
		@extend %accessible-invisible;
	}
}

#wb-bc {
	h2 {
		@extend %accessible-invisible;
	}
}

#wb-sec {
	h2 {
		@extend %accessible-invisible;
	}
}

#wb-info {
	h2 {
		@extend %accessible-invisible;
	}
}

#mb-pnl {
	h3 {
		@extend %accessible-invisible;
	}
}
